約 5,568,772 件
https://w.atwiki.jp/even_eko/pages/17.html
DOMを非表示 下のコードをタグの中に入れればOK! style="display none; " 例 div style="display none;" /div styleではcssのパラメータを変更できる。displayはcssのコマンドである。 audioタグ htmlファイル !DOCTYPE html html head title html5オーディオプレイヤー /title meta charset="UTF-8" script src="./html5_audio.js" /script /head body div id="audioZone" audio id="audio_8000" preload="auto" controls source src="audio/8000.wav" type="audio/wav" source src="audio/8000.mp3" type="audio/mp3" p ※ご利用のブラウザでは再生することができません。 /p /audio /div div id="musicZone" input id="startMusic" type="image" src="./img/q_pc_transmit_on.png" width="127px" height="58px" onclick="audioPlay(8000)"/ /div /body /html jsファイル function audioPlay(num) { var string = "audio/" + num + ".mp3"; var audio = new Audio(string); audio.play(); console.log(string); } これなら、Android2.2であるIS11Tでも動作した。 jsファイルにjQueryを使ったり、下のスクリプトを使ったりすると動作しなかった。 document.getElementById("audio_8000").play();
https://w.atwiki.jp/whoone/pages/4.html
リンク HTMLクイックリファレンス http //www.htmq.com/index.htm HTML5ゲームフレームワーク http //blog.verygoodtown.com/2011/02/limejs-html5-game-framework/ HTML5でゲーム作成 http //cnut1024.wiki.fc2.com/ SEO対策 http //seo.acnf.org/ http //www.d3.dion.ne.jp/~jkondou/hp/css_seo.html G123、事前受付登録中の「クイーンズブレイドリミットブレイク」にてAmazonギフト券が当たるフォロー&RTキャンペーン開催 - ASCII.jp HTML5 プロフェッショナル 認定試験 レベル1 想定問題 一覧 (1) - マイナビニュース [実力試し] HTML5 プロフェッショナル 認定試験 レベル2 想定問題 一覧 (1) - マイナビニュース HTML5ベースのMMORPG「MAD WORLD」のαテストが実施中。PCブラウザですぐに参加可能 - 4Gamer.net W3C／HTML5からWHATWG／Living Standardへ、Web発展史をひもとく - ITpro 「Macでリモートアクセス」に対応、Windows 365やシン・テレワークシステムHTML5版の魅力 | ボクシルマガジン - Beyond（ビヨンド） 「シン・テレワークシステム」にHTML5版 ～MacやChromebookからもWindowsをリモート操作可能に - 窓の杜 拡張機能が動かなくなるかも？ 「Google ドキュメント」がHTML5 Canvasベースのレンダリングへ移行 - 窓の杜 新作HTML5ゲーム「邪神ちゃんドロップキックねばねばウォーズ」が配信開始。レアリティS“水着ぴの”がもらえる初心者ミッションを開催中 - 4Gamer.net AWS Elemental MediaLive が HTML5 モーショングラフィックスオーバーレイのサポートを開始 - amazon.com HTML5ベースのモダンブラウザーからリモート操作が可能に、「TeamViewer」にWebクライアント - 窓の杜 GMOメディア：HTML5ゲームプラットフォーム「ゲソてん byGMO」、「楽天ポイントモール」の利用者に向け38タイトルを提供開始 - PR TIMES 第4回専門学校 HTML5作品アワード、受賞作品の発表 - valuepress HTML5に完全対応 アドビ社製Webセミナーシステムの最新バージョン『AdobeConnect11』を提供開始 - アットプレス（プレスリリース） GMOメディア：HTML5ゲームプラットフォーム「ゲソてん」、ゲームコンテンツ提供先の20媒体において「PayPay」決済に対応 - PR TIMES HTML5ベースの韓国産2D MMORPG「MAD WORLD」の最新画像とムービーが公開 - 4Gamer.net Flashを使用している企業に朗報！Flashを簡単にHTML5で再生可能にするサービス『JswfPlayer』Ver2がリリース！ - PR TIMES SL ジャパン、HTML5 に対応した監視制御システム (DCS/SCADA) 向け SL-GMS Web/Developer 新製品をリリース - valuepress HTML5ゲーム「八男って、それはないでしょう！アンサンブルライフ」の正式サービスが本日開始。テレビアニメ版がベースの放置型MMORPG - 4Gamer.net TVアニメの新作HTML5ゲーム『八男って、それはないでしょう！-アンサンブルライフ』本日より正式リリース！記念イベント絶賛開催中！ - PR TIMES アスキーゲーム ガンダムRPG『SDガンダムオペレーションズ』がHTML5軽量化アップデートを実施！ - ASCII.jp 神社経営シミュレーション「かみてる」がHTML5ゲームプラットフォームOhSECHIで配信開始 - 4Gamer.net 人気TVアニメの新作HTML5ゲーム『八男って、それはないでしょう！-アンサンブルライフ-』事前登録受付開始！ - PR TIMES 文系でもできる！HTML５とCSS3の超らくらく入門講座 2020年版 - PR TIMES YouTubeがFlashを排除し、HTML5の最後の障害を取り除いた - 週刊アスキー - 週アスPLUS バンナム、HTML5ゲームの「enza」運営元を完全子会社化 ドリコム保有株買い取り - ITmedia G123で新作HTML5ゲーム『セルリアンホライズン』正式リリース！事前登録報酬は28日にプレゼント！ - PR TIMES GMOメディア：HTML5ゲームプラットフォーム「ゲソてん」、ポイントサイト「モッピー」に『ゲゲゲの鬼太郎 妖怪横丁』など20タイトルを提供開始 - PR TIMES シンプルで安価なマルチデバイス対応HTML5デジタルカタログ制作サービスを提供開始 - PR TIMES スマホゲーム開発者向け書籍「HTML5 ゲーム開発の教科書」が9月中旬に発売 - 4Gamer Adobe FlashをHTML 5で代替するPixi.jsがWebGLを新たにサポート、クロスプラットフォームとインタラクティブアプリに対応 - InfoQ Japan HTML5版「刀剣乱舞」をサポートした「とうらぶキャプ」v2.0.0が公開 - 窓の杜 HTML5ゲームポータル「楽天ゲームズ」終了 2年で幕 - ITmedia NEWS HTML5ゲーム『ガールズ＆クリーチャーズ』ホワイトデーイベント開催！期間限定キャラクターを解禁！ - PR TIMES HTML5ゲームプラットフォームをてがけるLiberappは「HTML5 スマホゲーム業界カオスマップ（2019β）」を公開しました - PR TIMES Liberappが「HTML5 スマホゲーム業界カオスマップ（2019β）」を公開 - 4Gamer.net スマートニュース、優れたHTML5技術を持つ『Tombo, Inc.』を買収 - PR TIMES HTML5 GameCreatorというコミュニティー＆ミートアップをはじめます - PR TIMES あなたはどっちサイドを選ぶ？G123新作HTML5ゲーム『ガールズ＆クリーチャーズ』正式リリース！ - PR TIMES 「Webは次のギアにシフトしている」〜HTML5 Conference 2018 基調講演レポート：レポート - Gihyo Jp HTML5ベースで描画速度が向上、BIダッシュボードの最新版 - ＠IT MONOist 時空を超えて、世界を救え！新作HTML5ゲーム『ナイトメアクロノス』事前登録受付開始！ - PR TIMES 国内最大級のHTML5ゲームサービス「G123.jp」が本日10月4日(木)オープン！ - PR TIMES 国内最大級のHTML5ゲームサービス「G123.jp」オープン！新たなゲームプラットフォーム誕生・10月は新作ゲーム3本登場 - アットプレス 技術の進化に左右されないWebサイトの作り方がわかる、プロを目指す人のための入門書『HTML5＋CSS3の新しい教科書 改訂新版 基礎から覚える、深く理解できる。』発売 - PR TIMES 「艦これ」Flash→HTML5に 大規模メンテスタート - ITmedia 「艦隊これくしょん -艦これ-」がHTML5ベースに移行。8月15日11：55から3日がかりの大規模なメンテナンスを実施 - 4Gamer.net LINE上でHTML5ゲームが遊べる「LINE QUICK GAME」 たまごっち、ナンプレも - ITmedia HTML5ゲームにもeスポーツの熱狂を。 Liberappに観戦APIとデモゲームを追加 - PR TIMES BXD、HTML5プラットフォーム名称を「enza」に--新作ゲーム3タイトルを体験 - CNET Japan バンナム、HTML5活用の新作ゲーム「アイドルマスター シャイニーカラーズ」発表 - CNET Japan HTML5アプリプラットフォームのスタートアップ企業「Liberapp」設立と増資および仮想通貨「リベリウム」でICO検討開始のお知らせ - PR TIMES 株式会社レコム、HTML5ゲーム【iKON COLLECTION HIDDEN CATCH】のセールイベントを開催! - PR TIMES 株式会社レコム、レコム、HTML５ゲーム市場に挑戦! - PR TIMES HTML5を巡るGoogle、Apple、Microsoftの戦略の歴史 - ITmedia 【黒川塾51】HTML5ゲームとクラウドゲームでゲームコンテンツはどうなる？ - Game Deets 「BXD」が狙うHTML5活用ブラウザゲームの需要--ファミスタ、アイマス新作を投入 - CNET Japan コレ1枚で分かる「HTML5（2） マルチデバイス時代のアプリケーションプラットフォーム」 - ITmedia HTML5の機能をどこまで活かせるか--新日鉄住金ソリューションズの「hifive」で実現できること - ログミー 「Google Chrome 56」が正式版に。HTML5デフォルト化がすべてのユーザーを対象に開始 - 窓の杜 「Google Chrome」のHTML5デフォルト化が開始。脱Flashの流れが加速 - 窓の杜 Chromeブラウザの“Flash→HTML5デフォルト化”完了は2017年10月 Googleがロードマップ発表 - ITmedia あきらめていたFLASHありませんか？HTML5変換サービスのご案内 - PR TIMES HTML5はこれからのWindowsか？、普遍的なアプリケーションの普遍的な開発/利用ベースとして - TechCrunch Japan Google Chrome、Flashに代わってHTML5をデフォルトに - ITmedia モバイルファーストを牽引する HTML5によるハイブリッドアプリ - ZDNet Japan 5分でわかるActiveReports帳票－HTML5ビューワ (1/4)：CodeZine（コードジン） - CodeZine HTML5ベースのデスクトップクライアント：TechTargetジャパン用語事典 - TechTargetジャパン 仮想化 - TechTargetジャパン HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは - CodeZine FirefoxブラウザとWebの技術ですぐ作れる！ HTML5で手軽にFirefox OSアプリ開発 - CodeZine YouTube、デフォルト動画プレーヤーを「Flash」からHTML5ベースに変更 - CNET Japan YouTube、メイン再生プレーヤーをFlashからHTML5にようやく移行 - ITmedia YouTube、従来のFlashに代わってHTML5をデフォルトに - AV Watch ついに正式勧告--「HTML5」を使いこなすには何が必要か - builder by ZDNet Japan - ZDNet Japan HTML5がW3C勧告に、15年ぶりの大改訂 - ASCII.jp 「HTML5でスマホとクルマを簡単につなぐ」――韓国Obigo社のハンCEOインタビュー - business network.jp HTML5 CanvasをjQueryライクに操作できるプラグイン「jCanvas」 - CodeZine 広告のHTML5化加速か、Googleがインタラクティブ広告制作ツール「Google Web Designer」を無料提供 【増田 @maskin】 - TechWave（テックウェーブ） #WAVE サンプルで学ぶHTML5の仕様変更要素・後編 (1/3) - ASCII.jp HTML5は5.0へ、2016年にはHTML 5.1も登場か - ASCII.jp Flashを使わない3D絵本の作り方、HTML5/CSS3時代のコンテンツ作りについての雑感 【増田 @maskin】 - TechWave（テックウェーブ） #WAVE HTML5で作るスマホWebアプリ開発チュートリアル(3) HTML5ならではのグラフィックスを実現する「canvas」 - マイナビニュース Cloud SQLとHTML5のWeb Storageで高速仕訳入力 - CodeZine HTML5によるアニメーション作成を容易にする「Adobe Edge」 - builder by ZDNet Japan - builder HTML5のタグに対応したHTMLエディター「Crescent Eve」v0.86が公開 - 窓の杜 50代でも分かったHTML5の基礎知識 - ASCII.jp 3分でわかるHTML5のコンテンツモデルとカテゴリー (1/3) - ASCII.jp Google、Chrome立ち上げ3周年でHTML5のインフォグラフィックを公開 - ITmedia XHTML1.0とHTML5の違いをスタバのページで紹介 (1/6) - ASCII.jp Google、FlashをHTML5に変換するツール「Swiffy」を公開 iOSにも対応 - ITmedia 第512回：HTML5 とは - ケータイ Watch HTML5で注目！インラインSVGの使い方 (1/5) - ASCII.jp W3C、HTML5ロゴを発表 - ITmedia W3C、HTML5ロゴを発表--HTML5推進を目指す - CNET Japan iOS向けゲームが15分で開発できる、高速HTML5ゲームエンジン「IMPACT」登場 【増田(@maskin)真樹】 - TechWave（テックウェーブ） #WAVE HTML5が注目を浴びる理由とは？ ここが違う！サンプルで見るHTML5（1） - CodeZine AppleがiPad/iPhoneでも見られるHTML5ショーケースを公開 (追記あり)【@maskin】 - TechWave（テックウェーブ） #WAVE HTML5は安全か？ 開発者が留意すべきセキュリティ問題 - ITmedia Google、HTML5へのシフトで「Gears」終了へ - ITmedia YouTube、HTML5動画プレーヤーをテスト公開 - ITmedia
https://w.atwiki.jp/cz8686/pages/17.html
[HTML] ヘッダ部記述 !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" HTML HEAD META HTTP-EQUIV="Pragma" CONTENT="no-cache" META HTTP-EQUIV="Cache-Control" CONTENT="no-cache,must-revalidate" META HTTP-EQUIV="Expires" CONTENT="0" META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=Shift_JIS" TITLE ページタイトル /TITLE /HEAD [HTML] 表示バー table width="480" border="0" cellspacing="0" cellpadding="5" tr td height="50" width="15" bgcolor="#0000CC" /td td height="50" width="385" bgcolor="#CCCCFF" font size="3" b こんな感じで表示 /b /font /td /tr /table [HTML]作成者フッター TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0" TR TD ALIGN="RIGHT" HR Copyright(C)なんとか会社, Ltd. 2008. All rights reserved. /TD /TR /TABLE
https://w.atwiki.jp/testlink/pages/41.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd" !-- Japanese Translated by Testing Engineer s Forum (TEF) in Japan, Working Group of TestLink Japanese Translation Project -- html xmlns="http //www.w3.org/1999/xhtml" lang="jp" head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / meta http-equiv="Content-language" content="jp" / meta name="author" content="Martin Havlat" / meta name="copyright" content="GNU" / meta name="robots" content="NOFOLLOW" / title TestLink Help Glossary of Terms /title link rel="stylesheet" type="text/css" href="{$basehref}{$smarty.const.TL_THEME_CSS_DIR}tl_docs.css" / /head body h1 TestLinkで使用されている用語の注解 /h1 div id="menu" a href="javascript window.close();" class="tlButton" 閉じる /a a href="javascript history.back();" class="tlButton" 戻る /a a href="{$basehref}lib/general/show_help.php?help=content locale={$locale}" class="tlButton" ヘルプ 目次 /a /div h2 範囲 /h2 p この資料は設計概念を表示しています、 用語と定義はテストの専門用語を理解することに役立ちます。 イタリック体の説明はTestLinkの語法です。 /p h2 定義 /h2 ul li a name="actualoutcome" /a b 実際の結果 /b テストでコンポーネントやシステムが出力、表示した結果。 /li li a name="bug" /a b バグ /b (= a href="#fault" フォールト /a )要求された機能をコンポーネントまたはシステムに果たせなくする、コンポーネントまたはシステム中の不備。たとえば不正な命令、データ定義。実行中に欠陥に遭遇した場合、コンポーネントまたはシステムの故障を引き起こす。 /li li a name="coverageitem" /a b カバレッジ アイテム /b a href="#testing" テスト /a /li カバレッジの基礎となる実体や属性。たとえば同値分割やコード命令。 li a name="error" /a b エラー /b 間違った結果を生み出す人間の行為。 /li li a name="expectedresults" /a b 予想結果 /b (= 予測結果 または 予想結果)指定の条件下で a href="#testspec" 仕様 /a やほかの情報から予測できるコンポーネントやシステムの動作。 /li li a name="failure" /a b 故障 /b コンポーネントやシステムが期待した機能、サービス、結果を提供できないこと。 /li li a name="fault" /a b フォールト /b (= バグ)要求された機能をコンポーネントまたはシステムに果たせなくする、コンポーネントまたはシステム中の不備。たとえば不正な命令、データ定義。実行中に欠陥に遭遇した場合、コンポーネントまたはシステムの故障を引き起こす。 /li li a name="steps" /a b ステップ /b (= テストシナリオ, 入力)開始点から終了点に至る一連のテスト実行のアクション /li li a name="testproject" /a b テストプロジェクト /b span class="italic" テストプロジェクトはTestLinkデータの一番上位の構造です。 すべてのデータ(ユーザ情報を除いて)は活動しているテストプロジェクトに関連付けられます。 /span /li li a name="testcasesuite" /a b テストケーススイート /b 対象のコンポーネントまたはシステムのために a href="#testcase" テストケース /a をまとめたもの。ひとつのテストの事後条件は次のテストの前提条件として利用される。 span class="italic" TestLinkではテスト仕様またはテスト計画でテストケースをまとめるために使用される。 /span /li li a name="testcoverage" /a b テストカバレッジ /b 指定の網羅条件を a href="#testcasesuite" テストスイート /a が実行した度合。パーセンテージで表す。 /li li b a name="testexecution" /a テスト実行 /b テスト対象のコンポーネントやシステムでテストを実行し a href="#actualoutcome" 実際の結果 /a を出力するプロセス。 br/ span class="italic" テストケーススイートはテストケースから割り当てられたテスト仕様でテストケースを定義している。 /span /li li a name="testplan" /a b テスト計画 /b 計画されたテスト活動の狙い、アプローチ、リソーススケジュールを記述するドキュメント。テストアイテム、テストすべき特色となる機能、テスティングタスク、各タスクを行う人、テスト担当者の独立の度合い、テスト環境、使われるテスト設計技法と入口・出口基準、それらの選択の理論的根拠、それに代替計画を必要とするあらゆるリスクを特定する。これはテスト計画プロセスの記録である。 br/ span class="italic" TestLinkはテスト計画にてユーザの割り当て、ビルド、テストケーススイートを定義できる。 /span /li li a name="testspec" /a b テスト仕様 /b 各々の a href="#testcase" テストケース /a 、 a href="#coverageitem" カバレッジアイテム /a 、テストにおけるソフトウェアの初期状態、 a href="#steps" ステップ /a 、そして a href="#expectedresults" 予想結果 /a 。 /li li a name="testing" /a b テスト /b ひとつ以上のテストケースの組み合わせ /li li a name="testcase" /a b テストケース /b a href="#steps" ステップ /a 、実行前条件値、 a href="#expectedresults" 予想結果 /a そして実行事後条件の組み合わせで、特定のプログラムのシナリオを用いることや指定された要件の遵守を検証することのような特定の目的またはテスト条件のために開発されたもの。 /li /ul /body /html
https://w.atwiki.jp/403_forbidden/pages/50.html
漫画が好きです。アニメ･小説についても思ったコト書いてみたい。 んで、だーっとエクセルみたいに表示させるのが目的。これは走り書き。一生､走り書きの侭のような気がする。好きな作品云々と言うよりもlog的の要素が高い。 矢沢あい [■少女マンガから漂う地方色について考えてみた。ttp //d.hatena.ne.jp/asa-ko/20050925/p1] 対応するregion、endregionプラグインが不足しています。対になるようプラグインを配置してください。 P.N.の由来も凄く興味深かった｡まとめるときは全部wikiやら何やら参考にしてみよう。（但し全部信じない。） それはともかく、『NANA』のゲーム面白そうだな(笑)｡ 「ゴクジョッ。」は女版の稲中卓球部である！ 対応するregion、endregionプラグインが不足しています。対になるようプラグインを配置してください。 [銀のロマンティック・・・わはは ttp //mitaimon.cocolog-nifty.com/blog/2010/02/figure-comic.html] 対応するregion、endregionプラグインが不足しています。対になるようプラグインを配置してください。 尼レビュ 内容もきちっと読んでるだろうに、極々真面目にエロ視点でしか書いてないのが一本義通ってる。 [巨費をかけてｒｙ http //coolsummer.typepad.com/kotori/2005/07/9101112.html] [マイナーだがガチで面白い漫画教えろ http //blog.livedoor.jp/kinisoku/archives/1646264.html] カテゴリ [web] - trackback- ????年??月??日 ?? ?? ?? 名前 コメント
https://w.atwiki.jp/aias-closurecompiler/pages/15.html
トップページ Closure Compiler Service API Closure Compiler Service APIはClosure Compilerの機能をWeb-APIとして提供します。この方式ではユーザプログラムは直接APIサーバとHTTP-POST通信を行い、処理結果を受け取れるようになります。 Closure Compiler Service UIは短いコードを使ってCompilerを試してみる分にはとても良いアプリケーションです。しかしあなたがJavaScriptのコンパイルプロセスを自動化したいと考えていたり、あるいはコンパイル処理を（IDEの拡張機能のようなかたちで）ビルドプロセスの一部として組み込みたいと考えているのであれば、Closure Compiler Service APIの利用は検討する価値があります。 以下では簡単なアプリケーションを作成しながら、何段階かに分けてAPIの使い方を説明します。 Closure Compiler Service APIのリファレンスは、こちらを参照してください。 このページは公式サイトの以下のページを元に作成しました。http //code.google.com/closure/compiler/docs/gettingstarted_api.htmlhttp //code.google.com/closure/compiler/docs/api-tutorial1.htmlhttp //code.google.com/closure/compiler/docs/api-tutorial2.html 目次 APIサーバのURL 最も単純なサンプルアプリケーション APIとの通信 JavaScriptファイルをAPIに渡すには データサイズの制限 APIサーバのURL Closure Compiler Service APIへのリクエストは、下記のURLへ送信してください。 http //closure-compiler.appspot.com/compile 最も単純なサンプルアプリケーション 手はじめに、formを使ってAPIサーバへリクエストを送るアプリケーションを作成してみます。Closure Compiler Service APIをformから呼出すのは実際の利用方法としてはやや不自然ですが、HTTP-POSTによる通信の様子を確認するにはこのやり方が最も簡単です。 下のHTMLをコピーペーストして closure_compiler_test.html というファイルを作成してください。 html body form action="http //closure-compiler.appspot.com/compile" method="POST" p Type JavaScript code to optimize here /p textarea name="js_code" cols="50" rows="5" function hello(name) { // Greets the user alert( Hello, + name); } hello( New user ); /textarea input type="hidden" name="compilation_level" value="WHITESPACE_ONLY" input type="hidden" name="output_format" value="text" input type="hidden" name="output_info" value="compiled_code" br br input type="submit" value="Optimize" /form /body /html 上のformでは4つの必須パラメータが設定されています。（各パラメータの詳細はこちらを参照してください）中でも重要なのは次の2つです。 js_code 処理対象となるJavaScriptコードを指定します。このようにコード文字列を直接送信する方法の他に、JSファイルのURLから入力コードを指定することもできます。後者についてはこちらで詳しく説明します。 compilation_level コンパイルレベルを指定します。この例では最も圧縮率の低い WHITESPACE_ONLY が設定されていますが、より強力にコードの短縮を行いたいのであれば、 SIMPLE_OPTIMIZATIONS や ADVANCED_OPTIMIZATIONS を試してみてください。 closure_compiler_test.html をブラウザで開きます。 Optimize ボタンをクリックしコードをClosure Compiler Service APIへ送ると、下のようなコードがAPIサーバから返却されてくるはずです。返却されるコードはオリジナルコードからコメントと空白・改行を削除したもので、機能はオリジナルと同じですがサイズはかなり小さくなっています： function hello(name){alert("Hello, "+name)}hello(){"New user"}; APIとの通信 次に、プログラムが直にHTTP通信を行うサンプルプログラムを示します： 以下のサンプルはPythonで記述されています。ただし構造自体はごく単純ですので、理解するのにPythonの言語的な知識は特に必要ありません。 #!/usr/bin/python2.4 import httplib, urllib, sys # Define the parameters for the POST request and encode them in # a URL-safe format. params = urllib.urlencode([ ( js_code , sys.argv[1]), ( compilation_level , WHITESPACE_ONLY ), ( output_format , text ), ( output_info , compiled_code ), ]) # Always use the following value for the Content-type header. headers = { "Content-type" "application/x-www-form-urlencoded" } conn = httplib.HTTPConnection( closure-compiler.appspot.com ) conn.request( POST , /compile , params, headers) response = conn.getresponse() data = response.read() print data conn.close このスクリプトはコマンドライン引数として渡されたJavaScriptをコンパイルし、処理されたコードを出力します。上のコードをコピーペーストして compile.py というファイル名で保存、ファイルのパーミッションを変更して実行権限を付与した後、以下のコマンドを実行してください。 $ python compile.py alert("hello");// This comment should be stripped 注意： Windows環境でこのプログラムを実行するには、Pythonのインストールが必要です。詳細はこちらを参照してください。 コマンドはAPIから返却されたコンパイル済みコードを出力します。このサンプルでは WHITESPACE_ONLY レベルが設定されているので、Compilerはコメントを取り除く以外は何もしません。 alert("hello"); このスクリプトについて、注意すべき点をいくつか挙げておきます。 HTTPConnection オブジェクトの request メソッドに渡されるパラメータは、 urllib.urlencode によって事前に全てURLエンコードされています。変数 params の値は次のような文字列です： js_code=alert%28%22hello%22%29%3B%2F%2F+This+comment+should+be+stripped output_info=compiled_code out=text compilation_level=WHITESPACE_ONLY リクエストの Content-type ヘッダは常に application/x-www-form-urlencoded でなければなりません。 JavaScriptファイルをAPIに渡すには 上の例ではコマンドライン引数としてJavaScript文字列をプログラムに渡していました。しかし実業務で使われるJavaScriptコード（その長さは2、3行などすぐに超えてしまうでしょう）を扱うには、この方式はやや無理が有るように思われます。このようなケースでは、 code_url パラメータを使って処理したいJavaScriptファイルのURLを指定するのがよいでしょう。 例として、次のJavaScriptプログラムを取り上げます： /** * A simple script for adding a list of notes to a page. The list diplays * the text of each note under its title. */ /** * Creates the DOM structure for a note and adds it to the document. */ function makeNoteDom(noteTitle, noteContent, noteContainer) { // Create DOM structure to represent the note. var headerElement = document.createElement( div ); var headerText = document.createTextNode(noteTitle); headerElement.appendChild(headerText); var contentElement = document.createElement( div ); var contentText = document.createTextNode(noteContent); contentElement.appendChild(contentText); var newNote = document.createElement( div ); newNote.appendChild(headerElement); newNote.appendChild(contentElement); // Add the note s DOM structure to the document. noteContainer.appendChild(newNote); } /** * Iterates over a list of note data objects and creates a DOM */ function makeNotes(data, noteContainer) { for (var i = 0; i data.length; i++) { makeNoteDom(data[i].title, data[i].content, noteContainer); } } function main() { var noteData = [ {title Note 1 , content Content of Note 1 }, {title Note 2 , content Content of Note 2 }]; var noteListElement = document.getElementById( notes ); makeNotes(noteData, noteListElement); } main(); このプログラムをひとかたまりの大きな文字列としてAPIに渡すより、ファイル名を指定するだけの方が便利です。それには以下のようにします： 上のコードをファイルに保存します。 そのファイルをWEBからアクセス可能な場所（あなたのWebサーバなど）に置きます。 APIとの通信で作ったデモを修正し、 js_code を code_url に置き換えます。 params = urllib.urlencode([ ( code_url , sys.argv[1]), # --- This parameter has a new name! ( compilation_level , WHITESPACE_ONLY ), ( output_format , text ), ( output_info , compiled_code ), ]) 以下のコマンドを実行すると、 http //example.com/yourJs.js というURLがClosure Compilerに渡されます。Compilerは指定されたURLからファイルを取得してコンパイルし、その結果を返却します。 $ python compile.py http //example.com/yourJs.js 1つのリクエストの中に複数の code_url パラメータを含めることができます： params = urllib.urlencode([ ( code_url , http //example.com/yourJsPart1.js), ( code_url , http //example.com/yourJsPart2.js), ( compilation_level , WHITESPACE_ONLY ), ( output_format , text ), ( output_info , compiled_code ), ]) ファイルは指定順に結合されてから、1つのコードとしてコンパイルされます。尚、 code_url と js_code も1つのリクエスト内で同時に使用できます。 データサイズの制限 Closure Compiler Service APIに送信できるデータのサイズには、以下の2種類の制限が設けられています。 POSTデータのサイズの合計は200,000バイトまで クライアントがAPIに送信するPOSTデータのサイズは200,000バイト以内でなければなりません。この制限を超過した場合はサーバエラー 8 POST data too large. が返却されます。もし js_code パラメータで送信しているソースコードの量が多い場合は、ファイルに分離した上でそれを code_url パラメータで参照するようにしてください。 コードの総量は1,024,000バイトまで APIが1回のリクエストで処理できるコードの総量は1,024,000バイトとされています。ここでいうコードの総量とは、 code_url 及び externs_url に指定された全てのファイル内のコード、 js_code 及び js_externs に指定された全てのコード文字列の合計を指します。 この制限を超過した場合はサーバエラー 9 File too large. が返却されます。 このエラーが発生する場合は、ローカルマシン上でのClosure Compiler Applicationの使用を検討してください。
https://w.atwiki.jp/memo77/pages/26.html
PageLastUpdate 2012-07-05/today - /yesterday - 印刷時のみ適用するcss ありがちな間違い tDiaryテーマとはてなテーマDOCUTYPE宣言ではまった はてなのメニュー部分ではまった wikiで使うための数値実体参照 Internet Explorer Developer Toolbar あなたのページを最速にする14の掟 よく使うサイト comment とにかく基本はAnother HTML-lint gatewayで自分のサイトをチェックして、ダメなところを徹底的に潰すこと。これをやってるうちに、少しづつ知識がついてくる。 印刷時のみ適用するcss とりあえず＠ウィキのこのデザインで印刷時に余計な要素を表示させないサンプル 2012/07/05 @media print { form {display none; } .noprint {display none; } .ddsmoothmenu {display none; } .header {display none; } .footer {display none; } .ads {display none; } #body-footer {display none; } .outer { border-left none; border-right none; } body { font 8pt serif; }} ありがちな間違い スクリプトでcgi呼び出すときに、パラメータ中に?a=1 b=2みたいな記述があるときに を にし忘れる。 tDiaryテーマとはてなテーマ 2007/05/01 なんかtDiaryのテーマとか選んでいるうちに、いじらざるを得なくなってきた。せっかくなので勉強しよう。 tDiaryテーマの作り方 http //www.tdiary.org/doc/HOWTO-make-theme.html テーマ向けHTMLの構造図解 http //tnat.net/img/tdiary_css.png テーマ別によるスタイルシートサンプル http //joram.agz.jp/hatena/theme_body.html#link DOCUTYPE宣言ではまった 2007/05/04 検索語：はてなダイアリー/スキン/テーマ/デザイン/tdiary/崩れる adiareyとimg0chに同じテーマを指定しても同じにならない。adiaryははてなとほぼ同じになるけどimg0chが崩れます。 要素を一個一個つぶしていっても直らない。まったく同じ構造までたどり着いて、img0chのDOCUTYPE宣言にloose.dtdがついてるのに気が付く。 adiary/はてな !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" img0ch !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http //www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd" tDiary !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http //www.w3.org/TR/html4/strict.dtd" で、これが原因でしたorz そっかー、dtdのあるなしで標準モードと互換モードというのがあるのね。勉強になった・・・ http //desperadoes.biz/style/mode.php 追記：と思ったら、tDiaryはTransitionalじゃなくてstrict.dtdがついてる。これはデザインの共有で問題にならないのかしらん？ さらに追記：img0chのテンプレートや吐き出されてるのは !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" だった。なんで勘違いしたかというと、IEからHTMLとして保存すると、自動的に !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http //www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd" になるようだ。 はてなのメニュー部分ではまった はてなの一番上のメニュー部分はテーマによって違うらしい。テーブルレイアウトでくるときとそうじゃないときがあるよ。 たぶん古い table border="0" width="100%" cellspacing="0" cellpadding="0" id="banner" ... たぶん新しい div id="simple-header" ... wikiで使うための数値実体参照 2007/05/05 HTMLで使える文字実体参照 http //www.ne.jp/asahi/minazuki/bakera/html/reference/charref 文字 数値実体参照 用途 | | テーブル中で|を書く必要があるとき Internet Explorer Developer Toolbar 2007/05/11 Webページの構造を検証できるMicrosoft純正IE用プラグイン。 http //www.forest.impress.co.jp/article/2007/05/11/iedevtoolbar.html あなたのページを最速にする14の掟 http //blog.livedoor.jp/dankogai/archives/50828720.html HTTPリクエストは最小限に - Make fewer HTTP requests CDNを活用 - Use a CDN Expiresヘッダを利用 - Add an Expires header コンテンツはGzipせよ - Gzip components CSSは上に - Put CSS at the top JSは下に - Move JS to the bottom CSSのexpressionの利用は控えよ - Avoid CSS expressions JSとCSSは外部化せよ - Make JS and CSS external DNS参照を抑えよ - Reduce DNS lookups JSを「縮刷」せよ - Minify JS リダイレクトは控えよ - Avoid redirects スクリプトの重複を削除せよ - Remove duplicate scripts ETagはオフにせよ - Turn off ETags AJAXを小さくしてキャッシュ可能にせよ - Make AJAX cacheable and small よく使うサイト HTML鳩丸倶楽部 http //www.ne.jp/asahi/minazuki/bakera/html/hatomaru comment このページの記述で聞きたいこととか間違ってることとかありましたらコメントを。 名前 コメント すべてのコメントを見る
https://w.atwiki.jp/picolit/pages/18.html
html head STYLE TYPE="text/css" !-- /* .maintabletable tr td { padding 0 0 0 0; margin 0 0 0 0; width 700px; border 1px; } .maintable tr{} .maintable td {border solid 1px #f96;} / .commontable th{background-color #99CC66;} .btn{width 90px} .txt{width 310px} .outLine{border solid 1px #f96;} /STYLE /head body TABLE ALIGN="center" width="700" TR TD HEIGHT="100" /TD /TR TR TD div CLASS="outLine" TABLE class="commontable" border="1" width="100%" cellpadding="5" bgcolor="#DCF4B1" style="font-size 0.9em" tr th COLSPAN="3" AAAA /th /tr TR th key /th TD COLSPAN="2" INPUT TYPE="text" NAME="keyword" SIZE="20" MAXLENGTH="10" /TD /TR TR th key /th TD COLSPAN="2" INPUT TYPE="text" NAME="keyword" SIZE="20" MAXLENGTH="10" /TD /TR TR th WIDTH="20%" key /th td WIDTH="40%" INPUT TYPE="text" NAME="keyword" SIZE="50" /TD TD WIDTH="40%" STYLE="text-align center" INPUT TYPE="BUTTON" NAME="start" TYPE="button" VALUE="開始" CLASS="btn" INPUT TYPE="BUTTON" NAME="start" TYPE="button" VALUE="開始" CLASS="btn" /td /TD /TR /TABLE /TD /TR /div /TABLE /body /html
https://w.atwiki.jp/yoshida2/pages/115.html
telnetでブラウズ(HTTP) このページでは、インターネットでホームページなどをブラウジングするときに利用するHTTPプロトコルについて説明しています。 概要 HTTPプロトコルとは、Hypertext Transfer Protocolの略で、インターネットでホームページなどをブラウジングするときに利用しているプロトコルです。 HTTPプロトコルは、TCP/IP上のプロトコルで、通常80番ポートを使ってアクセスします。 詳細な定義は、以下のRFCで定義されています。 RFC-1945 HTTP/1.0 RFC-2068 HTTP/1.1 基本的に、メッセージを要求(リクエスト)し、その応答結果(レスポンス)を表示するだけです。 HTTPのアクセスログ ApacheなどのWebサーバのログを見ると、リクエストとレスポンスが、以下の形式で出力されます。 アクセスログの書式 アクセス元 - - [アクセス時間] メソッド名 URL名 プロトコルバージョン レスポンスコード 例： 10.0.1.20 - - [01/Jul/1999 23 22 46 +0900] GET /usr/joe/index.html HTTP/1.0 200 2060 メソッドの種類には、GETやPOSTなどがあります。 GETメソッドは、HTMLデータや画像データなどを取得する場合に使用します。 GETメソッドで要求すると、ヘッダ情報とHTMLデータが返却されます。 GETメソッドでCGIを呼び出すこともできます。 パラメータを渡す場合は、URLの後に ?name1=データ1 name2=データ2 という形式で指定します。 HEADメソッドは、ファイルサイズや更新日時を調べる場合に利用します。 HEADメソッドを利用すると、ヘッダ情報だけが返却されます。 POSTメソッドは、CGIなどにデータを渡す場合に使用します。 パラメータなどのデータは、環境変数などによって、CGIに渡ります。 以下に、HTTPのバージョンとメソッドの種類を示します。 メソッドの種類 HTTP/1.0 GET, HEAD, PUT, POST, DELETE, LINK, UNLINK HTTP/1.1 OPTIONS, TRACE, PATCH 以下に、レスポンスコードの一覧を示します。 100番台は通信エラー、200番台は正常終了、300番台はリダイレクト、400番台はクライアントエラー、500番台はサーバエラーを表しています。 リダイレクトとは、クライアントの指定したURLに移動した場合などに返却されます。 レスポンスコード コード 内容 コード 内容 100 Continue 101 Switching Protocols 200 OK 201 Created 202 Accepted 203 Non-Authoritative Information 204 No Content 205 Reset Content 206 Partial Content 300 Multiple Choices 301 Moved Permanently 302 Moved Temporarily 303 See Other 304 Not Modified 305 Use Proxy 400 Bad Request 401 Unauthorized 402 Payment Required 403 Forbidden 404 Not Found 405 Method Not Allowed 406 Not Acceptable 407 Proxy Authentication Required 408 Request Time-out 409 Conflict 410 Gone 411 Length Required 412 Precondition Failed 413 Request Entity Too Large 414 Request-URI Too Large 415 Unsupported Media Type 500 Internal Server Error 501 Not Implemented 502 Bad Gateway 503 Service Unavailable 504 Gateway Time-out 505 HTTP Version not supported レスポンスコードは、ログファイルなどに出力されますので、知っていると役に立つと思います。 telnetでブラウジング では、実際にtelnetでブラウジングしてみましょう。 telnetコマンドで、WWWサーバ名と、80番ポートを指定します。 Linux# telnet ash.jp 80 そこで、環境変数をすべて表示するCGI(env.cgi)を起動してみます。 まず、GETコマンドで、取得したいURLと、HTTPのバージョンを指定します。 GET /~joe/prog/cgi/env01.cgi HTTP/1.0 ここで、リターンのみを入力しても表示されますが、以下のオプションも入力してみます。 指定したオプションは、環境変数としてCGIに渡ります。 User-Agent Telnet [ja] (Linux) Host www.ash.jp リターンのみを入力すると、レスポンスと、HTMLが表示されます。 当然、HTMLのソースが表示されるだけですから、頭の中でHTMLを解析し画面イメージを想像する必要があります。 以下に実行結果を示します。 Linux# telnet ash.jp 80 Trying 210.154.87.18... Connected to ash.jp. Escape character is ^] . GET /~joe/prog/cgi/env01.cgi HTTP/1.0 User-Agent Telnet [ja] (Linux) Host ash.jp HTTP/1.1 200 OK DeleGate-Ver 5.8.8 (delay=7) Date Fri, 02 Jul 1999 09 56 24 GMT Server Apache/1.3.3 (Unix) Content-Type text/html Via 1.0 210.154.87.18 80 (DeleGate/5.8.8) Content-Length 954 html body h1 ＣＧＩでの環境変数一覧 /h1 hr h3 環境変数の表示 /h3 DOCUMENT_ROOT = /usr/local/share/apache/htm br GATEWAY_INTERFACE = CGI/1.1 br HTTP_FORWARDED = by http //210.154.87.18 80/ (DeleGate/5.8.8) for sv01.lo.ash.or .jp br HTTP_HOST = ash.jp br HTTP_USER_AGENT = Telnet [ja] (Linux) br HTTP_VIA = 1.0 210.154.87.18 80 (DeleGate/5.8.8) br PATH = /usr/local/sbin /usr/local/bin /sbin /usr/sbin /bin /usr/bin br QUERY_STRING = br REMOTE_ADDR = 10.0.1.254 br REMOTE_PORT = 12621 br REQUEST_METHOD = GET br REQUEST_URI = /~joe/prog/cgi/env01.cgi br SCRIPT_FILENAME = /home/joe/public_html/prog/cgi/env01.cgi br SCRIPT_NAME = /~joe/prog/cgi/env01.cgi br SERVER_ADMIN = info@ash.jp br SERVER_NAME = ash.jp br SERVER_PORT = 80 br SERVER_PROTOCOL = HTTP/1.0 br SERVER_SIGNATURE = ADDRESS Apache/1.3.3 Server at ash.jp Port 80 /ADDRESS br SERVER_SOFTWARE = Apache/1.3.3 (Unix) br hr br このＣＧＩのソース： a href=env01.txt env01.cgi /a br /body /html Connection closed by foreign host. 最初の、HTTP/1.1 200 OKは、HTTPプロトコルで、正常に転送したことを表します。 その後にヘッダ情報が転送され、最後にHTMLのソースが転送されます。 環境変数として、以下の値が追加設定されているのが確認できます。 HTTP_HOST = ash.jp HTTP_USER_AGENT = Telnet [ja] (Linux) このように、HTTPプロトコルは、要求（リクエスト）に対して、応答（レスポンス）が返却されるだけのシンプルなプロトコルです。 余談ですが、HTTPプロトコルという呼び方は、Hyper Text Transfer Protocol プロトコルになって、プロトコルが2重になってしまい、おかしいです。 でも、この方がわかりやすいので、私はよく使います。
https://w.atwiki.jp/testlink/pages/37.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""DTD/xhtml1-transitional.dtd" !-- Japanese Translated by Testing Engineer s Forum (TEF) in Japan, Working Group of TestLink Japanese Translation Project -- html xmlns="http //www.w3.org/1999/xhtml" lang="jp" head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / meta http-equiv="Content-language" content="jp" / meta name="author" content="Martin Havlat" / meta name="copyright" content="GNU" / meta name="robots" content="NOFOLLOW" / title TestLink Instructions /title style media="all" type="text/css" @import "{$basehref}{$smarty.const.TL_THEME_CSS_DIR}testlink.css"; /style script // need due to global coupling in open_help_window()var fRoot= {$basehref} ; /script script type="text/javascript" src="{$basehref}gui/javascript/testlink_library.js" /script /head body div class="workBack" h1 テストケースの編集とアーカイブ /h1 h2 目的 /h2 p span class="help" onclick="javascript open_help_window( glosary , {$locale} );" テスト仕様書 /span は、存在する span class="help" onclick="javascript open_help_window( glosary , {$locale} );" テストプロジェクト /span , テストスイート,そして span class="help" onclick="javascript open_help_window( glosary , {$locale} );" テストケース /span の情報を閲覧したり変更したりする場所です。異なるバージョンのテストケースを見ることもできます。 /p h2 やってみましょう！ /h2 ol li テストプロジェクトをナビゲーションシートから選択します。 /li li 新規のテストスイートとテストケースを作成します(テストプロジェクトの変更は右上のプルダウンリストから選択できます) /li li 左横にあるツリーにてデータ編集を指示します。 /li li 作成したテスト仕様書をテストケースが準備完了したときに span class="help" onclick="javascript open_help_window( glosary , {$locale} );" テスト計画 /span に割り当てます。 /li /ol p TestLinkはテストケースを構成するN レベルのテストスイートを提供します。また、テストスイートの内容を記述できます。この情報はテストケースとともに印刷されます。 /p /div /body /html